import FileMenu from "@/app/components/FileMenu";
export default async function ConvertPdf(props) {
  const params = await props.params;
  const itemStyle = {
    float: "right",
    padding: "3px 0 2px 8px",
    zIndex: "5",
  };

  return (
    <>
      <FileMenu pdfName={params.slug}></FileMenu>

      <ol id="filelist">
        <li data-file="0b499388f1i4.pdf" draggable="false" className="">
          <a
            style={itemStyle}
            href="/download/0b499388f1i4.pdf"
            title="Download 犯罪心理学.pdf"
            draggable="false"
          >
            <img
              width="18"
              height="18"
              src="/img/save.svg"
              alt="Download"
              draggable="false"
            />
          </a>{" "}
          <a
            style={itemStyle}
            href="/merge/7b8fa36a6fi4.pdf"
            title="Remove 犯罪心理学.pdf"
            draggable="false"
          >
            <img
              width="18"
              height="18"
              src="/img/delete.svg"
              alt="Remove"
              draggable="false"
            />
          </a>
          <img
            src="https://i4.pdfresizer.com/tmp/thb-0b499388f1i4.pdf-01.jpg"
            className="thb"
            alt=""
            title="犯罪心理学.pdf"
            draggable="false"
          />
          <strong>犯罪心理学.pdf</strong>
          <span className="params">
            Size: 1,26 MB, pages: 73, paper: 334.084 x 501.955 pts
          </span>
        </li>
      </ol>

      <div className="options">
        <div id="resize_to" className="button-set">
          <h3>Resize PDF to resolution:</h3>
          <input
            type="radio"
            id="dpi-radio-screen"
            name="resize_to"
            value="screen"
            checked="checked"
          />
          <label for="dpi-radio-screen">low 72dpi</label>
          <input
            type="radio"
            id="dpi-radio-ebook"
            name="resize_to"
            value="ebook"
          />
          <label for="dpi-radio-ebook">med 150dpi</label>
          <input
            type="radio"
            id="dpi-radio-printer"
            name="resize_to"
            value="printer"
          />
          <label for="dpi-radio-printer">high 300dpi</label>
          <input
            type="radio"
            id="dpi-radio-prepress"
            name="resize_to"
            value="prepress"
          />
          <label for="dpi-radio-prepress">high+ 300dpi</label>
          <div className="c"></div>
        </div>
        <div id="resize_to" className="button-set">
          <h3>Set paper size:</h3>
          <select name="paper_size">
            <option value="0" selected="selected">
              Keep unchanged
            </option>
            <option value="a0">A0</option>
            <option value="a1">A1</option>
            <option value="a2">A2</option>
            <option value="a3">A3</option>
            <option value="a4">A4</option>
            <option value="a5">A5</option>
            <option value="a6">A6</option>
            <option value="a7">A7</option>
            <option value="a8">A8</option>
            <option value="a9">A9</option>
            <option value="a10">A10</option>
            <option value="11x17">11x17</option>
            <option value="ledger">Ledger</option>
            <option value="legal">Legal</option>
            <option value="letter">Letter</option>
            <option value="archE">ArchE</option>
            <option value="archD">ArchD</option>
            <option value="archC">ArchC</option>
            <option value="archB">ArchB</option>
            <option value="archA">ArchA</option>
            <option value="c0">C0</option>
            <option value="c1">C1</option>
            <option value="c2">C2</option>
            <option value="c3">C3</option>
            <option value="c4">C4</option>
            <option value="c5">C5</option>
            <option value="c6">C6</option>
            <option value="jisb0">Jisb0</option>
            <option value="jisb1">Jisb1</option>
            <option value="jisb2">Jisb2</option>
            <option value="jisb3">Jisb3</option>
            <option value="jisb4">Jisb4</option>
            <option value="jisb5">Jisb5</option>
            <option value="jisb6">Jisb6</option>{" "}
          </select>
        </div>
      </div>
      <input
        id="sbmt"
        className="action-button active"
        value="Convert files! »"
        type="submit"
        name="submit"
      ></input>
    </>
  );
}
